<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Mitgliederübersicht</title>

        <link rel="stylesheet" href="./lib/style.css"  media="screen">
        <script type="text/javascript" src="./lib/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="./lib/__jquery.tablesorter.min.js"></script> 
        <script type="text/javascript" src="./lib/tools.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
		loadTabContent('./view/public.character.overview.php','SC');
                $("#preloader").hide(); 
            });
        </script>
    </head>
    <body>
        <table width="100%">
            <tr>
                <td><img src="./res/layout/site_logo.png"></td>
            </tr>
            <tr>
                <td>
                    <div class="navcontainer">
                        <ul>
                            <li><a id="tab1" href="#" onclick="loadTabContent('./view/public.character.overview.php','SC');">Übersicht</a></li>
                            <li><a id="tab2" href="#" onclick="loadTabContent('./view/public.character.overview.php','RP');">Rollenspiel</a></li>
                            <li><a id="tab3" href="#" onclick="loadTabContent('./view/public.character.overview.php','G');">Gilde</a></li>
                            <li><a id="tab4" href="#" onclick="loadTabContent('./view/public.character.overview.php','NSC');">Nicht-Spieler-Charakter</a></li>
			    <!--<li><a id="tab4" href="#" onclick="loadTabContent('./view/public.hierarchy.php','');">Organigram</a></li>-->
                        </ul>
                    </div>

                    <div id="preloader">
                        <img src="./res/layout/loading.gif" align="absmiddle"> Seite wird geladen
                    </div>

                    <div id="tabcontent">
                        Willkommen in der neuen und interaktiven Gildenübersicht ;-)
                    </div>
                </td>
            </tr>
        </table>
    </body>
</html>
